<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/text.css">
    <script>
        function init(){
            document.getElementById("aBtn").addEventListener("click",(event)=>{
                alert("单击了a标签");
                event.preventDefault();
            },false);
        }
        window.addEventListener("load",init,false);
    </script>
</head>
<body>
    <span class="tag_title">&lt;small&gt;标签举例</span>
    <h1>重大优惠<small>具体事项见店内海报</small></h1>
    <hr>
    <span class="tag_title">各种标签举例</span><br>
    商品：<data values="ISBN:978-8-765-45378-8"><cite>三体三部曲</cite><small>&lt;I部、II部、III部&gt;</small></data>
    原价：<s>￥146</s>&nbsp;现价：￥78 &nbsp;
    出版时间：<time datetime="2015-05-09">2015-05-09</time><br>
    <hr>
    <span class="tag_title">&lt;q&gt;标签举例</span><br>
    <span style="line-height:40px;border:1px solid #ccc;vertical-align:text-bottom">我还会回来的——<q>灰太狼</q></span><br>
    <hr>
    <span class="tag_title">&lt;dfn&gt;标签及&lt;abbr&gt;标签举例：</span><br>
    <dfn>正十七边形尺规作图问题</dfn>以下简称为<abbr>作图问题</abbr><br>
    <abbr>DNA</abbr>(<dfn>脱氧核糖核酸</dfn>)<br>
    <hr>
    <span class="tag_title">&lt;code&gt;标签及&lt;var&gt;标签举例：</span><br>
    <code>let value=document.getElementById("btn_register");</code><br>
    <var>n</var>   <var>n</var>-2<br>
    <hr>
    <span class="tag_title">&lt;bdo&gt;标签及&lt;mark&gt;标签举例：</span><br>
    <bdo dir="rt1">文本的方向</bdo>是不一样的<br>
    <mark>我</mark>比较特殊<br>
    <hr>
    <span class="tag_title">&lt;ruby&gt;标签及&lt;rp&gt;标签及&lt;rt&gt;标签举例：</span><br>
    <ruby>OJ<rp><rt>(Orange Juice)</rt></rp></ruby><br>
    <ruby>汉<rp><rt>(han)</rt></rp></ruby><ruby>语<rp><rt>(yv)</rt></rp></ruby><br>
    <hr>
    <span class="tag_title">&lt;p&gt;标签及&lt;a&gt;标签举例：</span><br>
    <p>
        <a href="#">
            北斗七星高，
            单于夜遁逃。
            欲将轻骑逐，
            大雪满弓刀。
        </a>
    </p>
    <a href="tableDemo.html" id="aBtn">转向</a>
    <hr>
    <span class="tag_title">行内元素举例</span><br>
    <span class="text_small_demo">Abe文本字符<br>文本字符Abe</span><br>
    <span class="text_big_demo">文本字符Abe<br>Abe文本字符</span>标准文字<br>
    
</body>
</html>